<style>
#btm{
	width:920px;
	height:655px;
	font-size:14px;
	color: #FFFFFF;
	font-family: "Microsoft YaHei";
	float:left;
}
#top{
	background: #2c2f33;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	padding: 0 5px;
	border: 1px solid #31495a;
	height:450px;
	width:930px;
}
#speed{
	width: 468px;
    text-align: right;
    border-right: 1px solid black;
    float: left;
    padding-right: 15px;
}
#speed div{
	margin-top: 15px;
}
#speed span{
	display: inline-block;
    width: 108px;
    text-align: left;
    margin-right: 10px;
}
#speed input{
	width: 150px;
    background: #1F2124;
    height: 38px;
    border: 1px solid #1f2124;
    margin-left: 10px;
}
#test{
	width: 100%;
    float: left;
    text-align: center;
}
#test button{
	width: 73px;
    height: 30px;
    background: #2C2F33;
    border: 1px solid #325C79;
    color: #FFFFFF;
    margin-top: 50px;
    margin-right: 15px;
}
#speed select{
	width: 150px;
    background: #1F2124;
    height: 38px;
    border: 1px solid #1f2124;
}
#ceshi{
	width: 133px;
    height: 30px;
    background: #2C2F33;
    border: 1px solid #325C79;
    color: #FFFFFF;
    margin-top: 75px;
    margin-left: 110px;
}
#topCenter{
	width:420px;
	margin-left: 15px;
	float:left;
}
#topCenter div{
	margin-top: 15px;
}
#topCenter span{
	display: inline-block;
    width: 108px;
    text-align: left;
}
#topCenter select{
    margin-left: 10px;
    width: 150px;
    background: #1F2124;
    height: 38px;
    border: 1px solid #1f2124;
}
#speed .square{
	display: inline-block;
	width: 5px;
	height: 10px;
	background: #7B8E8C;
	margin-right: 8px;
}
#speed .squareTitle{
	text-align: left;
}
#speed .shezhi{
	display: inline-block;
    width: 200px;
    text-align: left;
}
#topCenter .square{
	display: inline-block;
	width: 5px;
	height: 10px;
	background: #7B8E8C;
	margin-right: 8px;
}
#topCenter .squareTitle{
	text-align: left;
}
#topCenter .shezhi{
	display: inline-block;
    width: 200px;
    text-align: left;
}
.returnedMessages div{
	margin-top: 30px;
}
#buttom{
    background: #2c2f33;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	padding: 0 5px;
	border: 1px solid #31495a;
	height:200px;
	width:930px;
}

#BTMReturnMsg{
	border-collapse:separate; 
	border-spacing:0px 30px;
	margin-left: 100px;
}
#BTMReturnMsg td{
	width:260px;
}
.square{
	display: inline-block;
	width: 5px;
	height: 10px;
	background: #7B8E8C;
	margin-right: 8px;
}
.returnedMessagesHead{
	margin-top:10px;
}
</style>
<!-- 右侧ATP页面 -->
<div id="btm">
	<!-- 上部分 -->
	<div id="top">
		<!-- 上左部分 -->
		<!--BTM设置  -->
			<div id="speed" >
			<div class="squareTitle">
				<span class="square"></span><span class="shezhi">BTM设置</span>
			</div>
				<div>
					<span>应答器类型</span>
					<select name="BTMType" class="sel">
							<option signalValue="1">西门子</option>
							<option signalValue="2">交大</option>
					</select>
				</div>
				<div>
					<span>读取报文数</span>
					<select name="DatagramNums" class="sel">
							<option signalValue="3">50</option>
							<option signalValue="1">4</option>
							<option signalValue="2">1</option>
							<option signalValue="4">100</option>
							<option signalValue="5">200</option>
							<option signalValue="15">不限</option>
					</select>
				</div>
				<div>
					<span>发送模式</span>
					<select name="SendingMode" class="sel">
							<option  signalValue="1">循环发</option>
							<option signalValue="2">单次发</option>
					</select>
				</div>
				<div>
					<span>发送时间间隔(秒)</span>
					<input name="Interval" msg='发送时间间隔' type="number" min="1" max="9999" onkeyup="value=value.replace(/[^\d]/g,'')" value="5" currentValue='5' id="MANIputStorageId460" class='numkeyboard'>
				</div>
				<div>
					<span>持续时间(分)</span>
					<input name="LastingTime" msg='持续时间' type="number" min="1" max="9999" onkeyup="value=value.replace(/[^\d]/g,'')" value="60" currentValue='60' id="MANIputStorageId461" class='numkeyboard'>
				</div>
			</div>
		<!-- 第一部分结束 -->
		<!-- 上右部分 -->
		<!-- BTM诊断数据 -->
			<div id="topCenter">
				<div class="squareTitle">
					<span class="square"></span><span class="shezhi">BTM诊断数据</span>
				</div>
				<div>
					<span>工作状态</span>
					<select name="Status" class="sel">
						<option signalValue="0">正常</option>
						<option signalValue="85">未知</option>
						<option signalValue="4">警告</option>
						<option signalValue="255">故障</option>
					</select> 
				</div>
				<div>
					<span >BTM报文</span>
					<select id="BTMMessage" name="DatagramNo" class="sel">
						<!-- <option signalValue="1">069-5-54-002-1</option>
						<option signalValue="2">069-5-54-002-2</option>
						<option signalValue="3">069-5-54-4</option> -->
					</select>
				</div>
			</div>
			<div id="test">
				<button id="startCeshi" onclick="tests('start');">开始测试</button>
				<button id="stopCeshi" onclick="tests('stop');">停止测试</button>
				<button id="updated" onclick="tests('updated');">更新数据</button>
			</div>
	</div>
	<!-- 下部分 -->
	<div id="buttom">
		<!-- 返回信息头部信息-->
				<div class="returnedMessagesHead">
					<span class="square"></span><span>返回信息</span>
				</div>
				<!-- 返回信息内容 -->
				<div class="returnedMessages">
				
					<table id='BTMReturnMsg'>
						<tr>
							<td>
								<span>LKJ请求开关功放命令:</span><span id="lkjReqSwithCode"></span>
							</td>
							<td>
								<span>应答器序列号:</span><span id="transponderNum"></span>
							</td>
						</tr>
						<tr>
							<td>
								<span>速度(cm/s):</span><span id="speeds"></span>
							</td>
							<td>
								<span>累计行走距离:</span><span id="distance"></span>
							</td>
						</tr>
						<tr>
							<td>
								<span>时间:</span><span id="time"></span>
							</td>
							<td>
								<span>LKJ时间戳:</span><span id="lkjDate"></span>
							</td>
						</tr>
					</table>
				</div>
	</div>
</div>
<script src="../../textcommon/js/btm.js"></script>
<script src="../../textcommon/js/commonfun.js"></script>